@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form,img,div,pre,fieldset,blockquote,th,td {margin: 0;padding: 0;outline: none;}
body{color: #333;background-color: #ffffff;}
body, html{ width: 100%;}
body.on{height: 100%;overflow: hidden;}
ul,li,ol,dl,dt,dd{list-style: none;}
img{border: none;border-style: none;}
input,textarea,button{background: transparent;vertical-align: middle;}
a{color: #333;text-decoration: none;}
:focus{outline: 0;}
table{border-spacing: 0px;border-collapse: collapse;}
tr{cursor: pointer;}
input, textarea{border: 0;}
textarea{resize: none;}
select{border: none;outline: none;}
iframe, video, #my-video{width: 600px !important;height: 400px !important; padding-top:0; margin:0 auto;}
.mt30{margin-top: 30px !important;}

/*href*/
a:link,a:visited{text-decoration: none;}
a:hover,a:active{color: #016733;text-decoration: none;}
.cfff,.cfff a:link,.cfff a:visited{color: #fff !important;}
.cfff a:hover,.cfff a:active{color: #ddd;}
.cccc,.cccc a:link,.cccc a:visited{color: #ccc;}
.cccc a:hover,.cccc a:active{color: #ddd;}
.c666,.c666 a:link,.c666 a:visited{color: #666;}
.c666 a:hover,.c666 a:active{color: #016733;}
.c999,.c999 a:link,.c999 a:visited{color: #999;}
.c999 a:hover,.c999 a:active{color: #016733;}

/*common*/
.wrap{width: 1440px;margin: 0 auto;}
.l{float: left !important;}
.r{float: right !important;}
.o{overflow: hidden;}
.clearfix::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{*zoom: 1;}
.hide{display: none !important;}
.center{text-align: center;}
.bold{font-weight: bold;}
.img-box img,.img{display: block;margin: 0;padding: 0;width: 100%;}
.flexbox{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex_1{flex: 1;}

/*ellipsis*/
.ell{-webkit-box-direction: normal;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.ovh1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp: 2;}
.ovh3{-webkit-line-clamp: 3;}
.ovh5{-webkit-line-clamp: 5;}

/*table,tr,td*/
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%;}
.table_cell{display: table-cell;vertical-align: middle;}

/*font-size*/
.fs58{font-size: 58px;}
.fs46{font-size: 46px;}
.fs42{font-size: 42px;}
.fs36{font-size: 36px;}
.fs32{font-size: 32px;}
.fs30{font-size: 30px;}
.fs28{font-size: 28px;}
.fs24{font-size: 24px;}
.fs22{font-size: 22px;}
.fs20{font-size: 20px;}
.fs18{font-size: 18px;}
.fs16{font-size: 16px;}
.fs14{font-size: 14px;}
.fs12{font-size: 12px;}

@media only screen and (max-width: 1600px) {
    .wrap{width: 1080px;}

	.fs16{font-size: 14px;}
	.fs14{font-size: 12px;}
    .fs20{font-size: 15px;}
    .fs32{font-size: 30px;}
    .fs24{font-size: 20px;}
    .fs42{font-size: 34px;}
	.fs46{font-size: 36px;}
	.fs58{font-size: 40px;}
}

/*page*/
.pagelist{text-align: center;margin: 20px 0 40px;clear: both;padding-top: 30px;}
.pagelist span, .pagelist strong, .pagelist a{display: inline-block;border: 1px solid #ddd;padding: 2px 6px;margin-right: 2px;line-height: 16px;text-decoration: none;color: #666;}
.pagelist span{background: #016733;color: #fff;}

.top{ height: 90px; background-color: #ffffff; position: absolute; top: 40px; left: 50%; margin-left: -720px; z-index: 999;}
.top_nr{ position: relative; padding: 0 21px;}
.logo{ display: block; background: url(../images/logo.png) no-repeat left center; width: 400px; height: 90px;}
.nav{}
.nav li{ float: left; padding: 0 22px; line-height: 90px; position: relative;}
.nav li a{ font-size: 16px; color: #666666;}
.tel{ font-size: 18px; color: #9E7C5B; width: 178px; text-align: center; background: url(../images/line.png) no-repeat left center, url(../images/line.png) no-repeat right center; line-height: 90px;}
.search{ cursor: pointer; line-height: 90px; margin-right: 20px;}
.search img{ vertical-align: middle;}
.search_hidden{transform: translateY(-200%); transition: transform .33s ease,width .2s ease,opacity .2s ease; opacity: 0; position: absolute; top: 50%; margin-top: -14px; right: 40px; height: 28px; background-color: #000000;}
.search_hidden.open{opacity: 1; transform: translate(0);}
.search_hidden .search_kuang{ height: 28px; padding: 0 10px; color: #ffffff;}
.search_hidden .search_kuang_button{ font-size: 12px; color: #ffffff; line-height: 28px; background-color: #589520; width: 40px; text-align: center;}
.search_hidden .close{ font-size: 12px; color: #ffffff; cursor: pointer; line-height: 28px; width: 28px; text-align: center;}	
.search_hidden .close:hover{ background-color: #444444;}

.xiala{ background-color: #ffffff; position: absolute; top: 90px; left: 50%; margin-left: -75px; display: none; z-index: 1; width: 150px;}
.nav li .xiala a{ display: block; font-size: 14px; color: #666666; line-height: 30px; text-align: center;}
.nav li .xiala a:hover{ color: #00752d;}
.nav li:hover .xiala{ display: block;}

.nav li .sub{ position:absolute; top:100%; background:#fff; width:160px; left:50%; margin-left:-80px;border:1px solid #bbb; border-bottom:5px solid #00752d; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.nav li .sub .box{ padding:10px 10px; background:#fff; text-align: center;}
.nav li .sub a{ padding:0; line-height:2; transition:.3s; font-size:.875rem; display: block;}
.nav li .sub a:hover{ color:#00752d;}
.nav li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.nav li .sub:before {content: "";position: absolute;top: -5px;right: 50%; margin-right:-20px;height: 40px;width: 40px;background-color: #FFFFFF;border: 1px solid #bbb;z-index: -1;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);}.nav li:nth-child(6) .sub, .nav li:nth-child(7) .sub{ display: none;}

.banner{ position: relative;}
.banner .hd{ overflow:hidden; position:absolute; left: 50%; bottom:46px; z-index:1; margin-left: -36px; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;}
.banner .hd ul li{ float:left; margin-left:15px; width:10px; height:10px; background:#90a601; cursor:pointer; border-radius: 100%; text-indent: -999px;}
.banner .hd ul li.on{ background:#589520;}
.banner .bd ul li{ height: 750px; background-repeat: no-repeat; background-position: center;}

.aboutbox{ background: url(../images/bg1.jpg) no-repeat center center; background-size: cover; padding: 50px 0;}
.index1_l{ width: 860px;}
.index1_l h1{ font-size: 28px; color: #007C36; border-left: 5px solid #007C36; line-height: 28px; padding-left: 20px;}
.index1_l .h3{ height: 38px; margin: 50px 0 30px;}
.index1_l h5{ font-size: 15px; color: #6C6C6D; font-weight: normal; line-height: 30px; text-align: justify; margin: 0 60px 50px 0;}
.index1_l h5 p{ margin-bottom:15px;}
.index1_nav li{ float: left; margin-right: 60px; text-align: center;}
.index1_nav li h2{ width: 108px; height: 108px; margin: 0 auto; border: 1px solid #DFD5CB; border-radius: 100%;}
.aboutus{ display: none;}
.about1 .aboutus1{ display: block;}
.aobut2 .aboutus2{ display: block;}
.icon_about{ height: 100%; background: url(../images/icon1.png) no-repeat center center; margin: 0 auto;}
.icon_about1{ background-image: url(../images/icon1.png);}
.icon_about2{ background-image: url(../images/icon2.png);}
.icon_about3{ background-image: url(../images/icon3.png);}
.icon_about4{ background-image: url(../images/icon4.png);}
.icon_about5{ background-image: url(../images/icon5.png);}
.index1_nav li p{ line-height: 60px; font-size: 16px; color: #B09479;}
.index1_nav li:hover h2{ background-color: #007C36; border-color: #007C36;}
.index1_nav li:hover .icon_about1{ background-image: url(../images/icon1_white.png);}
.index1_nav li:hover .icon_about2{ background-image: url(../images/icon2_white.png);}
.index1_nav li:hover .icon_about3{ background-image: url(../images/icon3_white.png);}
.index1_nav li:hover .icon_about4{ background-image: url(../images/icon4_white.png);}
.index1_nav li:hover .icon_about5{ background-image: url(../images/icon5_white.png);}
.index1_nav li:hover p{ color: #016934;}
.index1_r{ background-color: #ececec; padding: 15px; border-radius: 100%; cursor: pointer; margin: 106px 47px 0 0;}
.vdplay {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;background: url('../images/fancybox_overlay.png');display: none;}
.vd-cha {position: absolute;right: 0;top: 0;z-index: 3;color: #fff;width: 80px;height: 80px;font-size: 50px;text-align: center;line-height: 80px;cursor: pointer;}
#vdbed {width: 70% !important;height: 80% !important;position: absolute;left: 15%;top: 10%;z-index: 1;}

.index3{ background-color: #EAEAEA;}
.index3 li{ float: left; width: 50%; height: 360px;}
.index3_icon{ height: 60px; background: url(../images/adv_icon1.png) no-repeat center top;}
.index3 li h1{ font-size: 26px; color: #333333; font-weight: normal; line-height: 56px;}
.index3 li p{ font-size: 14px; color: #666666; line-height: 25px;}
.index3 li.index3_li1 .index3_icon{ background-image: url(../images/adv_icon1.png);}
.index3 li.index3_li2 .index3_icon{ background-image: url(../images/adv_icon2.png);}
.index3 li.index3_li1{ background: url(../images/bg2.jpg) no-repeat center center; background-size: 100% 100%;}
.index3 li.index3_li1 h1{ color: #E2BC7F;}
.index3 li.index3_li1 p{ color: #ffffff;}

.index4{ padding: 60px 0;}
.news_left{ width: 11%;}
.news_l{ background: url(../images/news_line.png) no-repeat left top; padding: 0 76px 0 86px; height: 548px; width: 535px;}
.slideTxtBox .hd{ overflow: hidden;}
.slideTxtBox .hd ul li{ float: left; font-size: 20px; color: #666666; cursor: pointer;}
.news_line{ background: url(../images/line.png) no-repeat center center; margin: 0 30px; width: 1px; height: 30px;}
.slideTxtBox .hd ul li.on{ color: #007C36; font-weight: bold;}
.slideTxtBox .bd{ margin-top: 20px;}
.slideTxtBox .bd ul li{ border-bottom: 1px solid #ECEAEA; overflow: hidden; padding: 24px 0;}
.slideTxtBox .bd ul li:last-child{ border-bottom: none;}
.date{ text-align: center;}
.date span{ color: #B09479; display: block; margin-bottom: 25px; font-family: Arial;}
.text{ width: 440px;}
.news_tit{ color: #333333;}
.news_con{ color: #999999; line-height: 25px; margin-top: 10px;}
.news_r{ padding-right: 0; width: 460px;}
.news_r h1{ color: #007C36;}
.news_r span{ font-style: italic; font-weight: normal; color: #999999;}
.news_r_list{ margin-top: 45px;}
.news_r_list li{ overflow: hidden; border-bottom: 1px solid #E6E6E6;}
.news_r_list li.news_r2 .img{ display: none;}
.news_r_txt{ padding: 15px 0;}
.news_r_txt1{ line-height: 30px; color: #333333;}
.news_r_txt2{ line-height: 25px; color: #999999;}

.index5{ background: url(../images/bg3.jpg) no-repeat center center; background-size: cover; padding: 60px 0;}
.index5_title{ width: 1415px; margin: 0 auto;}
.index5_title h1{ color: #007C36;}
.index5_title span{ font-style: italic; font-weight: normal; color: #999999;}
.index5_title a{ display: block; width: 114px; line-height: 34px; background-color: #D9B363; border-radius: 5px; text-align: center; font-size: 14px;}
.index5_title img{ vertical-align: middle; margin-right: 10px;}
.index5_tit{ font-size: 46px; color: #00a651; font-weight: bold;}
.index5-left{ overflow: hidden; width: 1590px; margin: 0 auto; position: relative;}
.index5-left .prev, .index5-left .next{ display: block; width: 60px; height: 60px; position: absolute; top: 220px; background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 1;}
.index5-left .prev{ background-image: url(../images/prev.png); left: 0;}
.index5-left .next{ background-image: url(../images/next.png); right: 0;}
.index5-left .bd{ width: 1430px;margin: 0 auto;}
.index5-left .bd ul{padding: 26px 10px 50px !important;}
.index5-left .bd ul > li{ float: left; width: 330px; height: 520px; margin-right: 30px;background-color: #ffffff;box-shadow: 0 0 10px #e6e6e6;}
.index5_bg{ width: 330px; height: 130px; background: url(../images/store_bg1.jpg) no-repeat center center;text-align: center;}
.index5_h1{ font-size: 52px;color: #ffffff;line-height: 52px;padding-top: 23px;height: 52px;}
.index5_h1 span{ font-size: 14px;margin-left: 10px;}
.index5_h2{ font-size: 18px;color: #ffffff;line-height: 30px;}
.index5-left .bd ul > li ol{ padding: 0 20px 10px;height: 333px;}
.index5-left .bd ul > li ol li{ line-height: 28px;padding: 13px 0;border-bottom: 1px solid #cccccc;background: url(../images/addr.png) no-repeat right center;}
.index5_li h1{ font-size: 14px;color: #666666;}
.index5_li h1 span{ color: #047B37;font-weight: normal; margin-left: 10px;}
.index5_li p{ font-size: 14px;color: #666666;}
a.see_more{ margin-left: 20px;display: block;line-height: 28px;font-size: 14px;color: #9e6c3c;}
a.index5_more{ width: 138px; line-height: 38px; border-radius: 38px; background-color: #999999; display: block; font-size: 16px; color: #ffffff; margin: 0 auto;}
.index5-left .bd ul > li:nth-child(4n-3) .index5_bg{ background-image: url(../images/store_bg1.jpg)}
.index5-left .bd ul > li:nth-child(4n-2) .index5_bg{ background-image: url(../images/store_bg2.jpg)}
.index5-left .bd ul > li:nth-child(4n-1) .index5_bg{ background-image: url(../images/store_bg3.jpg)}
.index5-left .bd ul > li:nth-child(4n) .index5_bg{ background-image: url(../images/store_bg4.jpg)}

.sy_img{ padding: 60px 0;}
.sy_img li{ position: relative; width: 48.6%;}
.sy_txt{ position: absolute; top: 50px; left: 50px;}
.sy_txt h1{ line-height: 58px; font-size: 40px; color: #333333;}
.sy_txt p{ font-size: 20px; color: #333333; line-height: 40px;}
.sy_more{ font-size: 16px; color: #ffffff; width: 140px; line-height: 37px; border-radius: 37px; background-color: #466C9A; margin-top: 30px;}
.bg2{ background-color: #007C36;}

.footer{ background-color: #282828; padding: 50px 0 30px;}
.foot_nr{ width: 1430px; margin: 0 auto;}
.foot_l li{ float: left; width: 180px;}
.foot_l a{ display: block; line-height: 32px; font-size: 14px; color: #737373; background: url(../images/foot_point.png) no-repeat left center; padding-left: 14px;}
.foot_l a.foot_tit{ line-height: 40px; font-size: 18px; color: #ffffff; background: none; padding-left: 0;}
.foot_l a.foot_tit img{ vertical-align: middle; margin-left: 10px;}
.foot_r{ text-align: right;}
.foot_phone{ line-height: 36px; font-size: 18px; color: #ffffff;}
.foot_tel{ line-height: 46px; font-size: 32px; color: #047B37;}
.qrcode{ margin-top: 20px;}
.qrcode li{ float: left; width: 140px; margin-left: 20px; text-align: center;}
.qrcode li p{ line-height: 56px; font-size: 14px; color: #ffffff;}

.copy{ background-color: #282828; line-height: 50px; border-top:1px solid #585858}
.copy, .copy a{ font-size: 14px; color: #ffffff;}
.copy img{ vertical-align: middle;}

.ban{ width: 100%; height: 430px;}

.header{ width: 100%; background-color: #ffffff; position: relative;}

.contact{ padding: 70px 40px;}
.contact p{ float: left; margin-right: 50px; line-height: 52px; font-size: 16px; color: #333333;}
.contact img{ vertical-align: middle; margin-right: 20px;}
.contact span{ font-weight: bold; color: #484848;}

.er_nav{ font-size: 0; background-color: #F5F5F5; line-height: 100px;}
.er_nav li{ display: inline-block; width: 158px; height: 38px; line-height: 38px; border-radius: 38px; background-color: #ffffff; border: 1px solid #D9D9D9; margin: 0 15px; vertical-align: middle;}
.er_nav li a{ font-size: 16px; color: #333333;}
.er_nav li.curr, .er_nav li:hover{ background-color: #007C37; border-color: #007C37;}
.er_nav li.curr a, .er_nav li:hover a{ color: #ffffff;}

.article{ padding: 50px 0;}
.article, .article p{ font-size: 16px; color: #333333; line-height: 32px; text-align: justify;}
.article img{ max-width: 100%;}
.article p{ margin-bottom: 20px;}
.article p.p1{ font-size:32px; margin-bottom:30px;}

.recruitlist{ margin-top: 60px;}
.recruitlist dl{ background-color:#f6f6f6; padding: 20px; border-radius:6px; line-height:2; margin-bottom:20px;}
.recruitlist dl dt{ font-size:20px; color:#393939;}
.recruitlist dl dt span{ font-size:14px; color:#8e8e8e;}
.recruitlist dl dt img{ margin-right:10px; vertical-align:middle;}
.recruitlist dl dd{ display:inline-block; width:33%; font-size:14px; color:#262626;}
.recruitlist dl dd span{ color:#8e8e8e;}

.recruitlist1{ margin-top: 60px;}
.recruitlist1 li{ float: left; width: 22.2%; margin: 0 1.4% 24px;}
.recruit{ padding: 15px 0;}
.recruit_tit{ font-size: 18px; color: #333333; line-height: 28px; margin-bottom: 18px; height: 56px; overflow: hidden;}
.recruit_txt{ font-size: 14px; color: #999999; line-height: 30px; height: 150px; overflow: hidden; text-align: justify;}
.recruit_date{ font-size: 14px; color: #007C37; margin-top: 20px;}
.recruit_date img{ margin-left: 20px;}
.classlist{ width: 76.5%; margin: 40px auto 0;}
.classlist li{ float: left; width: 30.6%; margin: 0 1.36% 20px; text-align: center;}
.classlist li p{ line-height: 60px; font-size: 16px; color: #333333;}

.newslist{ width: 68.8%; margin: 20px auto 0;}
.newslist li{ overflow: hidden; padding: 20px 0; border-bottom: 1px dashed #CCCCCC;}
.news_tu{ width: 23.5%; float: left;}
.news_zi{ width: 74.2%; float: right;}
.news_zi1{ font-size: 18px; color: #333333;}
.news_time{ font-size: 16px; color: #333333; margin: 20px 0;}
.news_zi2{ font-size: 14px; color: #666666; line-height: 28px;}
.notice_time{ display: none;}

.noticelist{ width: 70.8%; margin: 30px auto 0;}
.noticelist li{ overflow: hidden; padding: 0 20px;}
.noticelist li .notice_time{ display: block; float: right;}
.notice_time{ font-size: 16px; color: #999999; text-align: right; padding-left: 6.6%; line-height: 32px;}
.notice_time span{ display: block; font-size: 20px; color: #166A79; line-height: 44px; position: relative;}
.notice_time span:after{ content: ''; width: 24px; height: 2px; background-color: #999999; position: absolute; bottom: 0; right: 0;}
.noticelist li .news_time, .noticelist li .news_tu{ display: none;}
.noticelist li .news_zi{ float: none; width: 100%;}
.noticelist li .news_zi2{ margin-top: 10px;}
.noticelist li a{ display: block; border-bottom: 1px dashed #CCCCCC; padding: 25px 0 25px 50px; background: url(../images/notice_icon.png) no-repeat left 25px;}
.noticelist li:hover{box-shadow: 0px 0px 10px 0px rgba(204, 204, 204, 0.65);}
.noticelist li:hover a{ background-image: url(../images/notice_icon1.png);}

.storelist{ width: 1170px; margin: 50px auto 0;}
.storelist li{ float: left; width: 376px; height: 170px; background-color: #FAF9F6; margin: 0 7px 14px;}
.store_txt{ padding: 20px 20px 0; line-height: 40px;}
.store_txt h1{ font-weight: normal; font-size: 20px; color: #666666; padding-left: 30px; line-height: 32px;}
.store_txt h1 span{ font-size: 22px; color: #00a651; display: block; line-height: 40px;}
.store_txt p{ background: url(../images/addr.png) no-repeat left top; padding-left: 30px; font-size: 16px; color: #666666; line-height: 24px; background-size: auto 25px;}

.store_nav{ font-size: 0; text-align: center; margin-top: 30px;}
.store_nav li{ display: inline-block; margin: 0 15px;}
.store_nav li a{font-size: 18px;color: #444444;font-weight: bold;}
.store_nav li.curr a{ color: #007C37;}

.honorlist{ margin: 50px auto 0; width: 68.5%;}
.honorlist li{ float: left; margin: 0 1.5% 40px; width: 22%;}
.honorlist li p{ display: none;}

.container{ text-align: center; border-bottom: 1px solid #EFEFEF; padding: 40px 0;}
.container li{ display: inline-block; background: url(../images/border_line.png) no-repeat right center; padding: 0 115px 0 70px;}
.container li:last-child{ background: none;}
.conter1{ position: relative; height: 58px;}
@font-face{font-family:impact;src: url(../css/other/impact-2.ttf);}
.conter1 span{ font-size: 70px; font-family: 'impact'; color: #007C37; height: 58px; line-height: 58px;}
.conter1 i{ font-style: normal; background: url(../images/border.png) no-repeat center center; width: 36px; height: 36px; line-height: 36px; display: block; font-size: 14px; color: #ffffff; position: absolute; top: 0; right: -45px;}
.container li p{ font-size: 16px; color: #666666; line-height: 32px; margin-top: 20px;}

.article1{ padding: 30px 0;}
.article1 p.p2{ font-size: 26px; color: #CC0000;}
.article1_img{ width: 34.7%;}
.article1_img img{ display: block; width: 100%;}
.article1_txt{ width: 63.2%;}
.article1_txt, .article1_txt p{ color: #444444; line-height: 36px;}
.article2{ background-color: #F5F5F5;}

.view-tit{color: #000;padding-bottom: 30px;border-bottom: 1px solid #aaa;margin-bottom: 40px;}
.view-tit .date{font-size: 1.125rem;color: #666;margin-bottom: 10px; font-weight: normal; line-height: 1.8;}
.view-tit h2 {margin: 0;font-size: 2.2rem;line-height: 1.3;font-weight: normal;}
.view-page {border-top: 1px solid #ddd;padding-top: 70px;margin-top: 60px;text-align: center;font-size: 0;}
.btn-style.green {border-color: rgba(148, 7, 10, 0.5);color: #94070a;}
.view-page .btn-style {font-size: 1rem;}
.btn-style {position: relative;display: inline-block;vertical-align: middle;width: 200px;height: 54px;font-size: 0.875rem;font-weight: 600;line-height: 54px;text-align: center;white-space: nowrap;margin: 0;padding: 0 14px;border-style: solid;border-width: 2px;border-radius: 27px;-webkit-transition: background .2s, color .2s, border .2s;-o-transition: background .2s, color .2s, border .2s;transition: background .2s, color .2s, border .2s;border-color: rgba(255, 255, 255, 0.5);background-color: rgba(255, 255, 255, 0);color: #fff;overflow: hidden;}
.article-page {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 70px;}
.article-page .box {display: block;width: 50%;border-right: 1px solid #ddd;position: relative;background-color: #f4f4f4;}
.article-page .box .btn-aw {width: 44px;height: 44px;border-radius: 50%;border: 1px solid #aaa;font-size: 0;position: absolute;top: 50%;margin-top: -22px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.article-page .box .btn-aw:before {content: '';display: block;width: 10px;height: 10px;border: 2px solid #333;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border .5s;-o-transition: border .5s;transition: border .5s;}
.article-page .box .main {vertical-align: top;}
.article-page .box .main .tag {font-size: 0.9375rem;color: #94070a;margin-bottom: 5px;}
.article-page .box .main .ti {font-size: 1.125rem;line-height: 1.5;color: #333;}
.article-page .box .main .data {font-size: 0.9375rem;color: #999;}
.article-page .box:hover .btn-aw {border-color: #94070a;background-color: #94070a;}
.article-page .box:hover .btn-aw:before {border-color: #fff;}
.article-page .box:hover .main .ti {color: #000;text-decoration: underline;}
.article-page .box.prev {padding: 40px 50px 40px 130px;}
.article-page .box.prev .btn-aw {left: 40px;}
.article-page .box.prev .btn-aw:before {border-right: none;border-top: none;-webkit-transform-origin: 8px 0;-ms-transform-origin: 8px 0;transform-origin: 8px 0;}
.article-page .box.prev .main {text-align: right;}
.article-page .box.next {border-right: none;padding: 40px 130px 40px 50px;}
.article-page .box.next .btn-aw {right: 40px;}
.article-page .box.next .btn-aw:before {border-left: none;border-bottom: none;-webkit-transform-origin: 8px -5px;-ms-transform-origin: 8px -5px;transform-origin: 8px -5px;}

@media (max-width:1600px){
	.top{ height: 68px; top: 30px; margin-left: -540px;}
	.top_nr{ padding: 0 15px;}
	.logo{ background-size: 100%; width: 300px; height: 68px;}
	.nav li{ padding: 0 14px; line-height: 68px;}
	.nav li a{ font-size: 13px;}
	.tel{ font-size: 13px; width: 133px; line-height: 68px; background-size: 1px 14px;}
	.search img{ width: 15px;}
	.search{ line-height: 68px; margin-right: 15px;}
	.search_hidden{ right: 30px;}
	.search_hidden .search_kuang{ padding: 0 7px;}

	.xiala{ top: 68px;}
	.nav li .xiala a{ font-size: 13px;}

	.banner .bd ul li{ height: 562px; background-size: auto 100%;}

	.aboutbox{ padding: 35px 0;}
	.index1_l{ width: 645px;}
	.index1_l h1{ font-size: 20px; border-left: 3px solid #007C36; line-height: 20px; padding-left: 15px;}
	.index1_l .h3{ height: 28px; margin: 37px 0 22px;}
	.index1_l h5{ font-size: 12px; line-height: 22px; margin: 0 0 40px 0;}
	.index1_l h5 p{ margin-bottom�0px;}
	.index1_nav li{ margin-right: 45px;}
	.index1_nav li h2{ width: 81px; height: 81px;}
	.icon_about{ background-size: auto 40px;}
	.index1_nav li p{ line-height: 45px; font-size: 14px;}
	.index1_r{ padding: 11px; margin: 79px 35px 0 0; width: 311px;}

	.index3 li{ height: 270px;}
	.index3_icon{ height: 45px; background-size: auto 100%;}
	.index3 li h1{ font-size: 20px; line-height: 42px;}
	.index3 li p{ font-size: 12px; line-height: 20px;}

	.index4{ padding: 45px 0;}
	.news_l{ padding: 0 57px 0 64px; height: 411px; width: 401px;}
	.slideTxtBox .hd ul li{ font-size: 15px;}
	.news_line{ background-size: 100% 100%; margin: 0 22px; height: 22px;}
	.slideTxtBox .bd{ margin-top: 15px;}
	.slideTxtBox .bd ul li{ padding: 18px 0;}
	.date span{ margin-bottom: 18px;}
	.text{ width: 330px;}
	.news_con{ line-height: 18px; margin-top: 7px;}
	.news_r{ width: 345px;padding-right: 0;}
	.news_r_list{ margin-top: 33px;}
	.news_r_txt{ padding: 11px 0;}
	.news_r_txt1{ line-height: 22px; color: #333333; font-size: 14px;}
	.news_r_txt2{ line-height: 18px; color: #999999; font-size: 12px;}

	.index5{ padding: 45px 0;}
	.index5_title{ width: 1061px;}
	.index5_title a{ width: 85px; line-height: 25px; border-radius: 3px; font-size: 12px;}
	.index5_title img{ margin-right: 7px;}
	.index5_tit{ font-size: 34px;}
	.index5-left{ width: 1192px;}
	.index5-left .prev, .index5-left .next{ width: 45px; height: 45px; top: 163px; background-size: 100%;}
	.index5-left .bd{ width: 1072px;}
	.index5-left .bd ul{padding: 19px 7px 37px !important;}
	.index5-left .bd ul > li{ width: 247px; height: 390px; margin-right: 22px;box-shadow: 0 0 7px #e6e6e6;}
	.index5_bg{ width: 247px; height: 97px; background-size: 100% 100%;}
	.index5_h1{ font-size: 39px;line-height: 39px;padding-top: 17px;height: 39px;}
	.index5_h1 span{ font-size: 12px;margin-left: 7px;}
	.index5_h2{ font-size: 14px;line-height: 22px;}
	.index5-left .bd ul > li ol{ padding: 0 15px 7px;height: 249px;}
	.index5-left .bd ul > li ol li{ line-height: 21px;padding: 9px 0; background-size: 15px;}
	.index5_li h1{ font-size: 12px;}
	.index5_li h1 span{ margin-left: 7px;}
	.index5_li p{ font-size: 12px;}
	a.see_more{ margin-left: 15px;line-height: 21px;font-size: 12px;}
	a.index5_more{ width: 103px; line-height: 28px; border-radius: 28px; font-size: 14px;}

	.sy_img{ padding: 45px 0;}
	.sy_txt{ top: 37px; left: 37px;}
	.sy_txt h1{ line-height: 43px; font-size: 30px;}
	.sy_txt p{ font-size: 15px; line-height: 30px;}
	.sy_more{ font-size: 12px; width: 105px; line-height: 27px; border-radius: 27px; margin-top: 22px;}

	.footer{ padding: 37px 0 22px;}
	.foot_nr{ width: 1072px;}
	.foot_l li{ width: 135px;}
	.foot_l a{ line-height: 24px; font-size: 12px; background-size: 3px; padding-left: 10px;}
	.foot_l a.foot_tit{ line-height: 30px; font-size: 14px;}
	.foot_l a.foot_tit img{ width: 7px; margin-left: 7px;}
	.foot_phone{ line-height: 27px; font-size: 14px;}
	.foot_tel{ line-height: 34px; font-size: 24px;}
	.qrcode{ margin-top: 15px;}
	.qrcode li{ width: 105px; margin-left: 15px;}
	.qrcode li p{ line-height: 42px; font-size: 12px;}

	.er_nav{ line-height: 75px;}
	.er_nav li{ width: 128px; height: 28px; line-height: 28px; border-radius: 28px; margin: 0 11px;}
	.er_nav li a{ font-size: 14px;}

	.store_nav li a{ font-size: 16px;}

	.store{ background-size: cover; padding-top: 60px;}
	.storelist li{ height: 127px; margin: 0 5px 10px;}
	.store_txt{ padding: 15px 15px 0; line-height: 30px;}
	.store_txt h1{ font-size: 16px; padding-left: 22px; line-height: 24px;}
	.store_txt h1 span{ font-size: 16px; line-height: 30px;}
	.store_txt p{ background-size:14px; padding-left: 22px; font-size: 14px; background-size: auto 18px;}

    .contact p { width:50%; margin-right: 0;}
	.contact img{ height: 39px;}

	.recruit_tit{ font-size: 16px;}
	.recruit_txt{ line-height: 28px; height: 112px;}

	.news_time{ font-size: 14px; margin: 15px 0;}
	
	.container{ padding: 30px 0;}
	.container li{ padding: 0 86px 0 52px;}
	.conter1{ height: 43px;}
	.conter1 span{ font-size: 52px; height: 43px; line-height: 43px;}
	.conter1 i{ background-size: 100% 100%; width: 27px; height: 27px; line-height: 27px;  right: -33px;}
	.container li p{ line-height: 24px; margin-top: 15px;}
	
	.article1{ padding: 22px 0;}
	.article1 p.p2{ font-size: 20px;}
	.article1_txt, .article1_txt p{ line-height: 27px; font-size: 14px;}
	
	.article p{ margin-bottom: 15px;}
}